import React from 'react';
import { usePermission } from '@/store/hook';

// 权限路由保护组件 - 只有拥有指定权限的用户才能访问该路由
const PermissionRoute = ({ permission, children }) => {
  const { hasPermission } = usePermission();

  // 如果用户拥有权限，渲染子组件，否则显示无权限提示
  return hasPermission(permission) ? children : <div>您没有访问此页面的权限</div>;
};

export default PermissionRoute;
